<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/style.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/bootstrap.min.css">
<script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
<title>Menu page</title>
</head>
<body>

	<div class="home-container" id="menu-top">
		<jsp:include page="header.jsp"/>

		<div class="mid-nav">
			<div class="row">
				<div class="col-md-2">
					<img src="${pageContext.request.contextPath }/img/4.jpg"
						class="m-logo img-circle">
				</div>
				<div class="col-md-10 content-title">
					<h3>${merchant.mname}</h3>
					<span>${merchant.info}</span>
				</div>
			</div>
		</div>

		<div class="mid-nav">
			<div class="row list-row">
			<c:forEach var="d" items="${dList}">
				<div class="col-sm-4 col-md-3">
					<div class="thumbnail">
						<img src="${imgPath}/image${d.img}" class="menu-img">
						<div class="caption">
							<h5>${d.dname }</h5>
							<span class="glyphicon glyphicon-yen money-icon"></span> 
							<b class="price-font">${d.price}</b>
							<a href="javascript:void(0)" class="btn btn-primary add-btn" role="button">
								<span class="glyphicon glyphicon glyphicon-plus add-icon"></span>
							</a>
						</div>
						
					</div>
				</div>
			</c:forEach>
								
			</div>
			<nav class="page-ctrl">
				<ul class="pagination">
					${pageCode}
				</ul>
			</nav>
		</div>

		

		<a href="#menu-top">
			<div class="top-box">
				<span class="glyphicon glyphicon-chevron-up back-icon"></span>
			</div>
		</a>

	</div>

</body>
</html>